<template>
  <div class="feature">
    <van-goods-action>
      <van-goods-action-icon icon="star-o" text="收藏" />
      <van-goods-action-icon icon="edit" text="反馈" @click="feedbackBut" />
      <van-goods-action-icon class="topicCount">
        <template #default>
          <div>
            <span style="font-size: 25px;color:red">1</span
            ><span style="font-size: 16px;color:#646566">/74题</span>
          </div>
        </template>
      </van-goods-action-icon>
      <van-button type="info" class="but" color="red">下一题</van-button>
    </van-goods-action>
  </div>
</template>

<script>
import bus from '@/utils/bus' // 导入bus对象 传值true给feedback意见反馈组件

export default {
  data () {
    return {}
  },
  methods: {
    // 打开反馈组件面板
    feedbackBut () {
      bus.$emit('feedbackShow', true)
    }
  }
}
</script>

<style lang="less" scoped>
.feature {
  margin-top: 50px;
  .topicCount {
    margin-left: 55px;
  }
  .but {
    width: 90px;
    height: 35px;
    margin-left: 75px;
  }
}
</style>
